<template>
  <div class="collect-page">
<van-nav-bar
  title="房屋管理"
  left-arrow
  @click-left="onClickLeft"
/>

<div v-for="(item,index) in list" :key="index">
  <van-card
  :price="item.price"
  :desc="item.desc"
  :title="item.title"
 :thumb="'http://liufusong.top:8080'+item.houseImg"
>
  <template #tags>
    <van-tag plain type="danger">{{item.tags.toString()}}</van-tag>
  </template>

</van-card>
</div>
  </div>
</template>

<script>
import { getChuzu } from '@/api/user'
export default {
  data () {
    return {
      list: []
    }
  },
  methods: {
    onClickLeft () {
      this.$router.back()
    }
  },
  async created () {
    const { body } = await getChuzu()
    console.log(body)
    this.list = body
  }
}
</script>

<style>
.collect-page{
  font-size: 14px;
}
</style>
